<!DOCTYPE html>
<div class="topBar clearfix">
  <div class="comWidth">
    <div class="leftArea">
      <a href="#" class="collection">收藏慕课</a>
    </div>
    <div class="rightArea login">
      欢迎来到慕课网！
      <a href="#">[登录]</a><a href="#">[免费注册]</a>
    </div>
  </div>
</div>

<div class="logoBar clearfix">
  <div class="comWidth">
    <div class="logo leftArea">
      <a href="#"><img src="../eshop/img/logo.jpg" alt=""></a>
    </div>
    <div class="searchBar">
      <input type="text" name="" class="searchText" value="">
      <input type="button" name="" class="searchBtn" value="搜索">
    </div>
    <div class="shoppingCar rightArea">
      <div class="shoppingCar_l leftArea">
        <a href="#" class="rightArea">购物车</a>
      </div>
      <div class="shoppingCar_r rightArea">
        <div class="rightArea shoppingCarToggle">
          <div class="arrowDown">
          </div>
        </div>
        <a href="#" class="rightArea">0</a>
      </div>
    </div>
  </div>
</div>

<div class="navBar">
  <div class="comWidth clearfix">
    <div class="shopClass leftArea">
      <a href="#" class="shopClassText leftArea">全部商品分类</a>
      <div class="leftArea">
        <img src="img\arrowD.jpg" alt="">
      </div>
    </div>
    <ul class="navList">
      <li><a href="#" class="active">数码城</a></li>
      <li><a href="#">天黑黑</a></li>
      <li><a href="#">团购</a></li>
      <li><a href="#">发现</a></li>
      <li><a href="#">二手特卖</a></li>
      <li><a href="#">名品会</a></li>
    </ul>
  </div>
</div>
<script type="text/javascript">
  require(['navClick'],function(navClick){
    navClick.hbOnclick();
  });
</script>
